<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/Ranking-list.css">
    <link rel="stylesheet" href="font4/iconfont.css">
    <link rel="stylesheet" href="font3/iconfont.css">
    <link rel="stylesheet" href="img4/people.png">
    <title>免费小说排行榜-七猫免费小说排行榜-大热榜-七猫中文网</title>
</head>
<style>
    a {
        color: currentColor;
        text-decoration: none;
    }

    .levitation1 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100vw;
        height: 64px;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
        transition: all 1s;
        opacity: 0;
    }

    .levitation {
        width: 1160px;
        height: 64px;
        font-size: 16px;
        color: #222;
        display: flex;
        margin: auto;
        justify-content: space-between;

        .left-col {
            height: 100%;
            align-items: center;
            display: block;
        }

        .logo {
            width: 190px;
            height: 44px;
            margin-right: 20px;
        }

        .right-col {
            height: 100%;
            display: flex;
            align-items: center;
        }

        .search-wrap {
            display: flex;
        }

        .s-input {
            width: 240px;
            height: 36px;
            margin-right: 24px;
            background-color: #fdd117;
            align-items: center;
            border-bottom-left-radius: 20px;
            border-top-left-radius: 20px;
        }

        input {
            border: none;
            outline: none;
            width: 208px;
            height: 20px;
            line-height: 20px;
            padding: 6px 16px;
            font-size: 14px;
            border-bottom-left-radius: 32px;
            border-top-left-radius: 32px;
            position: relative;
            top: 2px;
            left: 2px;
            z-index: 5;
        }

        .search {
            width: 80px;
            height: 36px;
            background-color: #fdd117;
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            line-height: 36px;
            position: relative;
            left: -24px;
            border-bottom-right-radius: 32px;
            border-top-right-radius: 32px;
            cursor: pointer;
        }

        .search:hover {
            background-color: rgb(252, 185, 0);
        }

        .login-txt {
            cursor: pointer;
        }

        .login-txt:hover {
            color: #cc6d29;
        }

        /* display: none; */
    }

    .levitation-left {
        width: 620px;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: space-between;
    }

    .levitation-left img {
        width: 156px;
        height: 36px;
    }

    .levitation-left1 {
        position: relative;
        width: 424px;
        display: flex;
        justify-content: space-between;
    }

    .levitation-left1-p1 {
        font-weight: 600;
    }

    .levitation-left1-p1::after {
        content: '';
        display: inline-block;
        position: absolute;
        transform: translateX(-50%);
        left: 17%;
        bottom: -11px;
        width: 16px;
        height: 4px;
        border-radius: 2px;
        background: #fcc800;
    }

    .levitation-right {
        width: 342px;
        height: 64px;
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
    }

    .levitation-right-input {
        width: 240px;
        height: 34px;
        border-top: 2px solid #fcc800;
        border-left: 2px solid #fcc800;
        border-right: 2px solid #fcc800;
        border-bottom: 2px solid #fcc800;
        border-radius: 32px;
        display: flex;
        align-items: center;
    }

    .levitation-right-input1 {
        width: 180px;
        height: 20px;
        line-height: 32px;
        padding: 6px 16px;
        margin-left: 4px;
        box-sizing: border-box;
        font-size: 14px;
        overflow: hidden;
        outline: none;
        border: none;
        background-color: #fff;
    }

    .levitation-right-input p {
        width: 80px;
        font-size: 16px;
        line-height: 34px;
        height: 35px;
        color: #222;
        font-weight: bold;
        text-align: center;
        border-top-right-radius: 33px;
        border-bottom-right-radius: 33px;
        background-color: #fcc800;
        cursor: pointer;
    }

    .levitation-right-input p:hover {
        line-height: 35px;
        background: #FCB900;
        border-bottom: 2px solid #FCB900;
    }

    .levitation-right-input:hover {
        border-right: 2px solid #FCB900;
    }

    .levitation-left1 p:hover {
        color: #b04f08;
    }
</style>

<body>
    <div class="levitation1" onclick="scrollToTop">
        <div class="levitation" onclick="scrollToTop">
            <div class="levitation-left">
                <img src="./img2/n-logo.png" alt="">
                <div class="levitation-left1">
                    <p>首页</p>
                    <p>分类</p>
                    <p>排行榜</p>
                    <p>征文活动</p>
                    <p>作家专区</p>
                    <p>签约政策</p>
                </div>
            </div>
            <div class="right-col">
                <div class="search-wrap">
                    <div class="s-input">
                        <input type="text" placeholder="请输入书名/作者/主角">
                    </div>
                    <span class="search">搜索</span>
                </div>
                <div class="login-btn">
                    <i class="iconfont" data-v-116f2666=""></i>
                    <span class="login-txt">立即登录</span>
                </div>
            </div>
        </div>
    </div>
    <div class="top-All">
        <div class="top-1st">
            <div class="top-left">
                <img width="190" height="44" src="https://cdn-front.qimao.com/qimao/img/header/logo.d026f02.png" alt="">
                <img width="182" height="44" src="https://cdn-front.qimao.com/qimao/img/header/slogan.5aedff4.png"
                    alt="">
            </div>
            <div class="top-right">
                <div class="right-left">
                    <input type="text" placeholder="请输入书名/作者/主角">
                    <div class="right-left-search">
                        搜索
                    </div>
                </div>
                <div class="right-right">
                    <img style="padding-right: 4px;" width="15" height="15" src="img4/people.png" alt="">
                    <p>用户登录</p>
                </div>
            </div>
        </div>

        <div class="top-2nd">
            <ul class="top-2nd-left">
                <li><a href="index.html" target="_blank">首页</a></li>
                <li><a href="分类.html" target="_blank">分类</a></li>
                <li><a href="Ranking-list.html">排行榜</a></li>
                <li><a href="Essay-contest.html" target="_blank">征文活动</a></li>
            </ul>
            <ul class="top-2nd-right">
                <li><a href="ForWriters-index.html" target="_blank">作家专区</a></li>
                <li><a href="agency.html" target="_blank">签约政策</a></li>
                <li>投稿指南</li>
            </ul>
        </div>
    </div>

    <div class="back-img">
        <img style="margin: auto;display: block; " width="1160"
            src="https://cdn-front.qimao.com/qimao/img/paihang/paihang_banner.5db56bc.png" alt="">
    </div>

    <div class="content">
        <div class="content-top">
            <div class="content-top-content">
                <p>男生榜</p>
                <p>女生榜</p>
            </div>
        </div>

        <div class="content-word">
            <ul class="content-word-left">
                <li>热门作品排行</li>
                <li>大热榜</li>
                <li>新书榜</li>
                <li>完结榜</li>
                <li>收藏榜</li>
                <li>更新榜</li>
            </ul>
            <div class="content-word-right">
                <div class="rank-top">
                    大热榜
                </div>
                <div class="rank-time">
                    <p>基于昨日书籍热度排行</p>
                    <div class="rank-time-right">
                        <p>日榜</p>
                        <em class="rank-time-e"></em>
                        <p>月榜</p>
                    </div>
                </div>

                <ul class="content-book">
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/463/1386980_360x480.jpg?time=1697014079"
                                    alt="">
                                <span class="book-first rank-num">1</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    无敌六皇子
                                </div>
                                <span
                                    class="book-author">梁山老鬼&nbsp;|&nbsp;历史&nbsp;·&nbsp;架空历史&nbsp;|&nbsp;连载中&nbsp;|&nbsp;236.15万字</span>

                                <p class="book-content">云铮穿越成大乾王朝六皇子，不夺嫡，不宫斗，只想安心搞军权当老六！军权在手，天下我有！
                                    文帝：老六，你那几哥哥越来不像话了，借父皇十万兵马收拾他们！
                                    太子：老弟，有话好好说，别带着兵马回来吓你哥啊！
                                    大臣：六殿下，你觉得微臣那小女儿怎么样？
                                    （关键词：穿越开局当老六、大乾六皇子、穿越老六就要当老六）
                                </p>
                                <span class="book-time-content">
                                    最近更新 第1099章 吸烟有害健康
                                    <em class="book-time">2024-08-10 00:25:11</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">
                                        <p class="right-top-1st">
                                            蝉联
                                        </p>
                                        <p class="right-top-2nd">
                                            榜首
                                        </p>
                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">395.0</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-long_arrow_up"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p><a href="read.html" target="_blank">立即阅读</a></p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/68/203050_360x480.jpg?time=1607394498"
                                    alt="">
                                <span class="book-first rank-num-1">2</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    盖世神医
                                </div>
                                <span
                                    class="book-author">狐颜乱语&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市修仙&nbsp;|&nbsp;连载中&nbsp;|&nbsp;563.3万字</span>

                                <p class="book-content">任你权势滔天，任你富可敌国，在我面前不要嚣张。
                                    我是叶秋，能救你的命，也能要你的命！
                                </p>
                                <span class="book-time-content">

                                    最近更新 第2748章 悲催的无花

                                    <em class="book-time">2024-08-09 23:13:21</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">264.6</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-long_arrow_up"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/479/1434782_360x480.jpg?time=1701331044"
                                    alt="">
                                <span class="book-first rank-num-2">3</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    葬神棺
                                </div>
                                <span
                                    class="book-author">浮生一诺&nbsp;|&nbsp;玄幻奇幻&nbsp;·&nbsp;东方玄幻&nbsp;|&nbsp;连载中&nbsp;|&nbsp;191.72万字</span>

                                <p class="book-content">【传统玄幻】【背景逆天】【剑修】【无系统】
                                    亿万年前，鸿蒙时代，混沌初开，宇宙本源为了阻止万灵无休止的生长，造成更庞大的负荷，以混沌为体，鸿蒙为气，黑洞为口，星辰为盖，凝聚了一座灭世神棺，用来吞四海、镇八荒，焚万古、炼诸天！
                                    千万年前，众神一战中，灭世神棺凭空出现，葬灭了大战中的诸神，更是送葬了整个众神之界，自此，葬神棺下落不明，同时，葬神棺名动宇宙万界，威慑诸天神魔！
                                    千万年后，一名少年被活埋，与葬他的棺材融合在一起，自此，送葬少年名震八荒。
                                    “救人，我不在行，埋人，我倒是很善长！”
                                    少年面容冷峻，继续低吟：“我有一座混沌神棺，葬天，葬地，葬人，葬仙亦葬神！
                                </p>
                                <span class="book-time-content">
                                    最近更新 第806章 神孽！
                                    <em class="book-time">2024-08-09 19:30:08</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">204.1</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-arrdown"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/423/1266296_360x480.jpg?time=1685699461"
                                    alt="">
                                <span class="book-first rank-num-3">4</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    阎王下山
                                </div>
                                <span
                                    class="book-author">苍月夜&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市高手&nbsp;|&nbsp;连载中&nbsp;|&nbsp;168.7万字</span>

                                <p class="book-content">神农之巅，苏文下山结婚，不料却被高冷未婚妻当众撕毁婚书。
                                    碍于师父的嘱托。
                                    苏文娶了高冷未婚妻的姐姐，陆晚风。
                                    陆晚风一直以为苏文是山里来的穷小子，没车没房，直到有一天……
                                </p>
                                <span class="book-time-content">
                                    最近更新 第820章 恨意和消息
                                    <em class="book-time">2024-08-09 18:14:07</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">164.8</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-arrdown"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/421/1260130_360x480.jpg?time=1685672538"
                                    alt="">
                                <span class="book-first rank-num-3">5</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    舔狗反派只想苟，女主不按套路走！
                                </div>
                                <span
                                    class="book-author">我是愤怒&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市高手&nbsp;|&nbsp;连载中&nbsp;|&nbsp;295.75万字</span>

                                <p class="book-content">一次车祸，让我穿越到了都市爽文里当反派，只要苟到大结局，就能带着丰厚的报酬回到现实世界。
                                    但是！这些绝色美女都不去给男主角当后宫，天天围着我转，是嫌我死的不够快吗？
                                    别再穿丝袜、穿制服啦，你们都勾搭我干啥，去找龙傲天啊！
                                    既然天命归我，那老子干脆和主角一决高下！
                                    谁是主角，还特么说不定呢！
                                </p>
                                <span class="book-time-content">

                                    最近更新 第1072章 冯家！绝了！

                                    <em class="book-time">2024-08-10 08:47:08</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">124.7</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-long_arrow_up"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/520/1558519_360x480.jpg?time=1719540912"
                                    alt="">
                                <span class="book-first rank-num-3">6</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    逍遥四公子
                                </div>
                                <span
                                    class="book-author">修果&nbsp;|&nbsp;历史&nbsp;·&nbsp;架空历史&nbsp;|&nbsp;连载中&nbsp;|&nbsp;137.64万字</span>

                                <p class="book-content">又名《阁下不讲道理，在下也略懂拳脚》《逍遥小郎君》《极品四公子》
                                    宁宸穿越到了一个历史中从未出现过的朝代，本想一心搞钱，做个快乐逍遥的富家翁，三妻四妾，安度余生...可结果一不小心声名鹊起，名动大玄皇朝。
                                    少年扬刀，诛奸臣，平四夷，南征北战，再回首已是‘封狼居胥’，名动天下！
                                </p>
                                <span class="book-time-content">


                                    最近更新 第608章 边关告急


                                    <em class="book-time">2024-08-10 11:46:05</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">99.9</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-long_arrow_up"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/472/1413115_360x480.jpg?time=1704179706"
                                    alt="">
                                <span class="book-first rank-num-3">7</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    重生2000：从追求青涩校花同桌开始
                                </div>
                                <span
                                    class="book-author">痞子老妖&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;热血校园&nbsp;|&nbsp;连载中&nbsp;|&nbsp;160.06万字</span>

                                <p class="book-content">【重生+青梅校花+恋爱日常+狗粮+赚钱】身患绝症的陈凡重生2000年，再次见到了自己的白月光校花同桌苏若初。
                                    前世，两人的爱情相敬如宾，举案齐眉，女友却因为一场车祸意外身亡。陈凡抱憾终身。
                                    这一世，陈凡发誓绝不放手，要创造一个崭新的商业帝国，给她最完美的爱情跟未来。
                                    “苏若初，这辈子我要牵着你的手，看尽星河灿烂，人间繁华！”
                                    重生到高三
                                </p>
                                <span class="book-time-content">

                                    最近更新 第726章 洗手间尴尬

                                    <em class="book-time">2024-08-10 01:26:07</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">93.6</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-arrdown"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/438/1311684_360x480.jpg?time=1689903101"
                                    alt="">
                                <span class="book-first rank-num-3">8</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    妙手大仙医
                                </div>
                                <span
                                    class="book-author">金佛&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市高手&nbsp;|&nbsp;连载中&nbsp;|&nbsp;173.06万字</span>

                                <p class="book-content">【陈万里获得仙人传承，一朝觉醒，便如龙飞九天。
                                    一手握惊世医术，活死人肉白骨，达官显贵尽低头！一手持杀人利剑，斩破虚空，举世强者亦折服！
                                    从此红颜相伴，兄弟相随，纵情都市……
                                </p>
                                <span class="book-time-content">

                                    最近更新 第735章 单方面的杀戮

                                    <em class="book-time">2024-08-10 00:29:07</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">65.1</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-arrdown"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/467/1398935_360x480.jpg?time=1706582011"
                                    alt="">
                                <span class="book-first rank-num-3">9</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    狱医
                                </div>
                                <span
                                    class="book-author">破空&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市高手&nbsp;|&nbsp;连载中&nbsp;|&nbsp;122.79万字</span>

                                <p class="book-content">三年前，他为女友怒而伤人，因故意伤人锒铛入狱。
                                    三年后归来，家遇变故，大哥大嫂车祸罹难，父亲瘸了一条腿，年仅七岁的侄子得了白血病，祖上传下来的医馆没了。
                                    为维持家用，父亲借了高利贷，家徒四壁。
                                    恰逢此刻，他等来了女友背叛，前女友送给他一顶绿帽子。
                                    那只能摊牌了，他不是劳改犯，他是狱医，他是狱皇大帝。
                                    他叫陈平安。
                                </p>
                                <span class="book-time-content">


                                    最近更新 第596章 拉仇恨


                                    <em class="book-time">2024-08-10 00:36:06</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">61.8</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-long_arrow_up"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="book-list-item">
                        <div class="book-introduce">
                            <div class="book-img">
                                <img width="100px" height="132px"
                                    src="https://cdn.qimao.com/bookimg/zww/upload/readerCover/73/216931_360x480.jpg?time=1638350875"
                                    alt="">
                                <span class="book-first rank-num-3">10</span>
                            </div>

                            <div class="book-introduce-middle">
                                <div class="book-name">
                                    绝世强龙
                                </div>
                                <span
                                    class="book-author">张龙虎&nbsp;|&nbsp;都市人生&nbsp;·&nbsp;都市高手&nbsp;|&nbsp;已完结&nbsp;|&nbsp;508.67万字</span>

                                <p class="book-content">齐等闲本一介闲人，镇一方监狱，囚万千枭雄。
                                    直到已肩扛两星的未婚妻轻描淡写撕毁了当年的一纸婚约，他才知道……
                                    这世界，将因他走出这一隅之地而翩翩起舞。
                                </p>
                                <span class="book-time-content">

                                    最近更新 第2364章 尾声

                                    <em class="book-time">2023-12-15 14:07:20</em>
                                </span>

                            </div>

                            <div class="book-introduce-right">
                                <div class="book-introduce-right-top">
                                    <span class="book-introduce-right-top-1st">

                                    </span>
                                </div>
                                <div class="right-top-2">
                                    <span class="right-top-2-word">
                                        <em class="small-word-1">52.1</em>
                                        <em class="small-word-2">万</em>
                                        <em class="small-word-3">热度</em>
                                        <i class="iconfont icon-arrdown"></i>
                                    </span>
                                </div>
                                <div class="book-right-bottom">
                                    <p>加入书架</p>
                                    <p>立即阅读</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>

                <div class="more">
                    <p class="more-page">上一页</p>
                    <p class="more1-1">1</p>
                    <p class="more1-2">2</p>
                    <p class="more1-2">3</p>
                    <p class="more1-2">4</p>
                    <p class="more1-2">5</p>
                    <p class="next-page">下一页</p>
                    <input type="text" value="1">
                    <p class="jump">跳转</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-bg">
        <div class="bottom">
            <ul class="bottom-lists">
                <li>友情链接：</li>
                <li class="bottom-lists-child">七猫免费小说</li>
                <li class="bottom-lists-child">纵横中文网</li>
                <li class="bottom-lists-child">奇妙小说网</li>
                <li class="bottom-lists-child">纵横女生网</li>
                <li>脑洞星球</li>
            </ul>
            <ul class="bottom-lists2">
                <li>
                    <p>关于七猫</p>
                    <i>|</i>
                </li>
                <li>
                    <p>联系我们</p>
                    <i>|</i>
                </li>
                <li>
                    <p>我要举报</p>
                    <i>|</i>
                </li>
                <li>
                    <p>举报工作室</p>
                    <i>|</i>
                </li>
                <li>
                    <p>隐私协议</p>
                    <i>|</i>
                </li>
                <li>
                    <p>版权声明</p>
                    <i>|</i>
                </li>
                <li>
                    <p>我要当作家</p>
                    <i>|</i>
                </li>
                <li>
                    <p>用户协议</p>
                </li>
            </ul>
            <ul class="bottom-lists3">
                <li>客服电话：400-855-9290</li>
                <li>工作时间：周一至周五9:00-18:00</li>
            </ul>
            <p class="bottom-intro">
                上海七猫文化传媒有限公司&nbsp;&nbsp;&nbsp;©&nbsp;2017&nbsp;www.qimao.com&nbsp;All&nbsp;rights&nbsp;reserved&nbsp;&nbsp;&nbsp;
                <a href="">沪ICP备17012825号-6</a>
                &nbsp;沪公网安备&nbsp;31011502010023号
                <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/business_license_pic.jpg"
                    alt=""><br>
                出版物经营许可证&nbsp;新出发沪批字第Y7129号&nbsp;&nbsp;沪网文&nbsp;[2023]&nbsp;1509-106号&nbsp;&nbsp;沪ICP证：沪B2-20190085
            </p>
            <div class="bottom-lists4">
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic1.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic2.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic3.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200313/images/footer/company_pic4_2021.png"
                        alt="">
                </a><a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic6.png"
                        alt="">
                </a>
            </div>
        </div>
    </div>
    </div>

    <ul class="stand">
        <li class="stand-list back-pic">作家<br>助手
            <div class="stand-list-pic">
                <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200313/images/common/new-app_zhushou_pic.png" alt="">
            </div>
            <i class="iii"></i>
        </li>
        <li class="stand-list">免费<br>小说</li>
        <li class="stand-list">联系<br>遍及</li>
        <li class="stand-lists">
            <i class="stand-lists-i"></i>公众号
            <div class="stand-lists-code">
                <p>七猫中文网公众号</p>
                <img src="https://cdn-front.qimao.com/qimao/img/common/right_qrcode.2375b4e.png" alt="">
                <p>微信扫一扫关注</p>
                <i class="iiii"></i>
            </div>
        </li>
        <!-- <li class="top-top"><button onclick="scrollToTop()"><i class="iconfont icon-top"></i>顶部</button></li> -->
    </ul>
    <div class="top-all">
        <p class="top-top"><button onclick="scrollToTop()"><i class="iconfont icon-top"></i>顶部</button></p>
    </div>







    <script>
        window.addEventListener('scroll', function () {
            const text = document.querySelector('.levitation1');
            const scrollPosition = window.scrollY;//获取当前滚动位置
            if (scrollPosition >= 450) {//当前滚动超过450px时
                text.style.opacity = 1;//显示文本
            } else {
                text.style.opacity = 0;//隐藏文本
            }
        });
    </script>
</body>
<script>
    function scrollToTop() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
        
        }
    window.addEventListener('scroll', function() {  
    const text = document.querySelector('.top-top');  
    const scrollPosition = window.scrollY; // 获取当前滚动位置  

    if (scrollPosition > 100) { // 当滚动超过100px时  
        text.style.opacity = 1; // 显示文本  
    } else {  
        text.style.opacity = 0; // 隐藏文本  
    }  
});  
</script>
</html>